﻿<%@ Page Language="C#" MasterPageFile="~/Default.Master" AutoEventWireup="true" CodeBehind="ChiTietSanPham.aspx.cs"
    Inherits="MasterPageGroupF3.ChiTietSanPhamHN" Title="Untitled Page" %>
    <%@ Import Namespace="DTO" %>
    <%@ Import Namespace="BUS" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <ul class="clsmenuul">
        <li class="active"><a href="index.aspx">GIÁ TỐT HÔM NAY </a></li>
        <li><a href="GiaTotGanDay.aspx">GIÁ TỐT GẦN ĐÂY</a> </li>
        <li><a href="ThaoLuan.aspx">THẢO LUẬN</a> </li>
        <li><a href="TroGiup.aspx">TRỢ GIÚP</a> </li>
    </ul>    
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <%                
        int idProduct = int.Parse(Request.QueryString["idProduct"].ToString());
        PRODUCT temp = PRODUCTBUS.LaySanPhamCoID(idProduct);
        int TietKiem = (int)temp.PRICE * (int)temp.RATE_DECREASE / 100;
        int ConLai = (int)temp.PRICE - TietKiem;        
    %>
    <div class="leftboxtop">
        <img src="../skin/frontend/default/inspire-blue/images/contenttop.png" width="706" height="13"
            alt="2columns-right" />
    </div>
    <div class="contpad clearfix">
        <p>
            <div class="leftcontent">
                <div class="topcontent clearfix">
                    <h1>
                        Giá tốt hôm nay: <span><%Response.Write(temp.SLOGAN); %></span></h1>
                </div>
                <fieldset class="no-display">
                    <input type="hidden" name="product" value="7" />
                    <input type="hidden" name="related_product" id="related-products-field" value="" />
                </fieldset>
                <div class="left_column">
                    <div class="buynowbox">
                        <img src="../skin/frontend/default/inspire-blue/images/leftboxtop.jpg" width="226" height="10"
                            alt="leftbox top" />
                        <div class="leftbox_middle">
                            <div class="buynow_value ">
                                <h4>
                                    <span class="price_value style5"> <%Response.Write(ConLai.ToString()); %> VND</span> <a href='#' id="scriptbuynow"
                                        class="buynowbtn">
                                        <img src="../skin/frontend/default/inspire-blue/images/buy_btn.png" class="" width="100"
                                            height="50" alt="divider" />
                                    </a>
                                </h4>
                                <div class="clear">
                                </div>
                            </div>
                            <div class="dicount-boxes clearfix">
                                <div class="clsdiscount_prices">
                                    <span>Giá trị:</span> <span class="clsnamediscountprices"><%Response.Write(temp.PRICE); %> VND</span>
                                </div>
                                <div class="clsdiscount_prices">
                                    <span>Giảm giá:</span> <span class="clsnamediscountprices"><%Response.Write(temp.RATE_DECREASE); %> %</span>
                                </div>
                                <div class="clsdiscount_prices">
                                    <span>Tiết kiệm:</span> <span class="clsnamediscountprices"><%Response.Write(TietKiem.ToString()); %> VND</span>
                                </div>
                                <div class="clear">
                                </div>
                                <div>
                                    <img src="../skin/frontend/default/inspire-blue/images/gift.png" width="34" height="31"
                                        alt="gift" title="gift" class="clsgiftimg" />
                                    <span class="buy_friend"><a onclick="" class="clsbuyfriend">Mua tặng bạn bè</a></span>
                                </div>
                            </div>
                        </div>
                        <div class="clsbottomspace">
                            <img src="../skin/frontend/default/inspire-blue/images/leftboxbottom.jpg" width="226"
                                height="10" alt="leftbox bottom" />
                        </div>
                        <!-- Deal Bought-->
                        <div class="clsspace">
                            <img src="../skin/frontend/default/inspire-blue/images/leftboxtop.jpg" width="226" height="10"
                                alt="leftboxtop" /></div>
                        <div class="dealstatus">
                            <div class="totalcount">
                                Có 2 người mua</div>
                            <div class="deal_status" id="deal_status">
                                <img src="../skin/frontend/default/inspire-blue/images/1.png" width="180" height="16"
                                    alt="Rate" title="Rate" class="statusimg" />
                                <div class="clsstatus">
                                    Còn 48 cơ hội</div>
                            </div>
                        </div>
                        <div class="clsbottomspace">
                            <img src="../skin/frontend/default/inspire-blue/images/leftboxbottom.jpg" width="226"
                                height="10" alt="leftbox bottom" /></div>
                        <!-- Deal Bought-->
                        <!--Time box-->

                        <script type="text/javascript">
                                var targetdate = "06/11/11 09:06:00 AM";
                                var startdate = "05/12/11 02:31:36 AM";
                                var dealimage = "../skin/frontend/default/inspire-blue/images/8.jpg";
                                var buynowreplace = "../skin/frontend/default/inspire-blue/images/8.jpg";
                        </script>

                        <div class="timerbg_middle clearfix">
                            <span class="corner_img"></span>
                            <div class="deal_statusnew">
                                <h4>
                                    Thời gian còn lại
                                    </h4>
                                <div class="timerbox">
                                    <div class="viraiterbg">

                                        <script type="text/javascript" src="../skin/frontend/default/inspire-blue/js/timer.js"></script>

                                    </div>
                                    <div class="timerulbox clearfix">
                                        <ul>
                                            <li class="clstimerbg"><strong>Giờ</strong></li>
                                            <li class="clstimerbg"><strong>Phút</strong></li>
                                            <li class="clstimerbg"><strong>Giây</strong></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End of Time box-->
                <!--Fine Print and Highlights-->
                <div class="right_column">
                    <!--Share Icons-->

                    <script type="text/javascript" src="../skin/frontend/default/default/js/swfobject.js"></script>

                    <!--End Share Icons-->
                    <div class="banner_middle" style="display: none" id='video'>
                        <div name='mediaspace' id='mediaspace' class='mediaspace'>
                            <embed type="application/x-shockwave-flash" src="../skin/frontend/default/default/hdflvplayer/hdplayer.swf"
                                width="440" height="276" id="player" name="player" bgcolor="expressInstall.swf"
                                quality="high" allowfullscreen="true" allowscriptaccess="always" wmode="transparent"
                                flashvars="baserefM=/&id=1&pid=7" />
                        </div>
                    </div>
                    <div id="featured" style="display: block; width: 435px; height: 276px;">
                        <div class="banner_middle" id='image'>
                            <img src="aaaa" width="440" height="276" alt=""
                                title="" />
                            <img src="" width="440" height="276" alt=""
                                title="" />
                            <img src="" width="440" height="276" alt=""
                                title="" />
                        </div>
                    </div>

                    <script type="text/javascript">
                            $j('#featured').orbit({
                                'bullets': true,
                                'timer' : true,
                                'animation' : 'fade',
                                'captions' : false,
                                'directionalNav' : false
                            });
                    </script>

                    <script type="text/javascript">
                            function switchImage(){
                                document.getElementById('video').style.display="none";
                                document.getElementById('image').style.display="block";
                                document.getElementById('switchVideo').style.display="block";
                                document.getElementById('switchImage').style.display="none";
                                document.getElementById('featured').style.display="block";
                                document.getElementById('featured').style.width="440px";
                                document.getElementById('featured').style.height="276px";
                            }                            
                    </script>

                    <div class="bottom clearfix">
                        <div class="spread clearfix">
                            <span class="floatleft">Chia sẽ bạn bè:</span> <span class="sharelinks"><a class="links"
                                title="Twitter Share" href="http://twitter.com/home/"
                                target="_blank">
                                <img src="../skin/frontend/default/inspire-blue/images/twitter-small.png" width="16"
                                    height="16" alt="twitter" title="twitter" /></a> <a class="links" title="Facebook Share"
                                        href="" target="_blank">
                                        <img src="../skin/frontend/default/inspire-blue/images/facebook-small.png" width="16"
                                            height="16" alt="facebook" title="facebook" /></a> <a class="links" title="Mail Share"
                                                href="mailto:?body=People
                                                <img src="../skin/frontend/default/inspire-blue/images/mail-small.png" width="16" height="16"
                                                    alt="Mail" title="Mail" /></a> </span>
                        </div>
                        <div class="switch">
                            <input class="change" type="button" value="Hình ảnh" id="switchImage" style="display: none;"
                                onclick="switchImage()" />&nbsp;
                        </div>
                    </div>
                    <div class="clsfineprint">
                        <h3>
                            Điều kiện</h3>
                        <span class="deal_content">abcde</span>
                    </div>
                    <div class="highlights">
                        <h3>
                            Điểm nổi bật</h3>
                        <ul>
                            <li>xxxxx</li>
                            <li>yyyy</li>
                            <li>zzzzz</li>
                            <li>tttttt</li>
                        </ul>
                    </div>
                </div>
                <!--end of Fine Print and Highlights-->
                <div class="clear">
                </div>
            </div>
            <!-- NO Deal available-->
            <!--No Deal Availbale-->

            <script type="text/javascript">decorateList('products-list', 'none-recursive')</script>
    </div>
    <img src="../skin/frontend/default/inspire-blue/images/contentbottom.gif" width="706"
        height="10" alt="contentbottom" />
    <!--end of first content box-->
    <div class="clsspace" style="padding: 7px 0 0 0;">
        <img src="../skin/frontend/default/inspire-blue/images/contenttop.png" width="706" height="10"
            alt="contenttop" /></div>
    <div class="reviewbox" style="width: 706px;">
        <div class="bottombox clearfix">
            <div class="bottomleftbox ">
                <div class="description-reviews">
                    <h4 class="clstitle1">
                        Thông tin</h4>
                    <div class="clsdescription">
                        
                        <p class="deal_content">aaaaaaaaaaaaaaaaaaaaaa</p>
                        <p class="deal_content">aaaaaaaaaaaaaaaaaaaaaa</p>
                        <p class="deal_content">aaaaaaaaaaaaaaaaaaaaaa</p>
                        <p class="deal_content">aaaaaaaaaaaaaaaaaaaaaa</p>
                    </div>
                </div>
            </div>
            <div class="bottomrightbox">
                <div class="company-details">
                    <h3>
                        The Company</h3>
                    <address class="deal_content">
                        KHTN, 227 nguyễn văn cừ,
                        <br />
                        q 5, HCM<br />
                    </address>
                    <br />
                    <div id="map_canvas" style="width: 220px; height: 300px">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--script to generate google map using customer's address : start-->

    <script type="text/javascript" src="../maps.google.com/maps/api/js~sensor=false&language=en.js"></script>

    <script type="text/javascript">
                            var geocoder;
                            var map;

                            geocoder = new google.maps.Geocoder();
                            var latlng = new google.maps.LatLng(-34.397, 150.644);
                            var myOptions = {
                                zoom: 8,
                               center: latlng,
                                mapTypeId: google.maps.MapTypeId.ROADMAP
                            }

                            map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

                            var address = 'Iphone, 2910 S Maguire Rd, Suite 1003, Ocoee, Florida 34761.';
    geocoder.geocode( { 'address': address}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            map.setCenter(results[0].geometry.location);
            var marker = new google.maps.Marker({
                map: map,
                position: results[0].geometry.location
            });
        } else {
            alert("Geocode was not successful for the following reason: " + status);
        }
    });


    </script>

    <!--script to generate google map using customer's address : end-->
    </p>
    <img src="../skin/frontend/default/inspire-blue/images/contentbottom.png" width="706"
        height="13" alt="2columns-right" />
</asp:Content>

